<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:easy="http://easyfaces.com.br/easyfaces"
	xml:lang="en" lang="en">
	
	<ui:composition template="/WEB-INF/templates/layout_sedna_express.xhtml">		
		
		<ui:define name="header2">
				<h:form>
					<h:panelGrid columns="2">
						<h:inputText value="#{telaUsuario.nomeUsuario}" styleClass="campoPesquisa" />
						<h:commandButton value="Buscar" action="#{telaUsuario.obterObjetos}" styleClass="botaoPesquisa"/>
					</h:panelGrid>
				</h:form>
			</ui:define>
		
		
		<ui:define name="conteudo_center">
		
			<h:form>
			
				<h:panelGrid styleClass="gridProdutos">
					
					<rich:dataTable id="tabelaUsuarios" value="#{telaUsuario.listaObjetos}" var="usuario" rows="15" width="100%" >
						
						<f:facet name="header">
							<h:panelGrid columns="2">
								<h:outputText value="Usuários" />
								<h:commandLink action="#{telaUsuarioCadastro.novo}">
									<h:graphicImage value="/imagens/new.png" style="border: 0;" />
								</h:commandLink>
								<rich:toolTip for="newLink" value="Novo Produto" />
							</h:panelGrid>
						</f:facet>
						
						<rich:column width="30px;">
							<f:facet name="header">
								<h:outputText value="Ações" />
							</f:facet>
							
							<h:commandLink id="editLink" action="telaUsuarioCadastro">
								<h:graphicImage value="/imagens/edit.gif" style="border: 0;" />
								<f:setPropertyActionListener target="#{telaUsuarioCadastro.usuario}" value="#{usuario}" />
							</h:commandLink>
							<rich:toolTip for="editLink" value="Editar" />
	
							<a4j:commandLink ajaxSingle="true" id="deletelink" oncomplete="#{rich:component('deletePanel')}.show()">
								<h:graphicImage value="/imagens/delete.gif" style="border:0" />
								<f:setPropertyActionListener value="#{usuario}" target="#{telaUsuario.objetoSelecionado}" />
							</a4j:commandLink>
							<rich:toolTip for="deletelink" value="Apagar" />
						</rich:column>

						<rich:column style="width: 40%">
							<f:facet name="header">
								<h:outputText value="Nome" />
							</f:facet>
							<h:outputText value="#{usuario.nome}" />
						</rich:column>
	
						<rich:column style="width: 20%">
							<f:facet name="header">
								<h:outputText value="Login" />
							</f:facet>
							<h:outputText value="#{usuario.login}" />
						</rich:column>
						
						<rich:column style="width: 20%">
							<f:facet name="header">
								<h:outputText value="Perfil" />
							</f:facet>
							<h:outputText value="#{usuario.perfil.nome}" />
						</rich:column>
						
						<rich:column style="width: 20%">
							<f:facet name="header">
								<h:outputText value="Cliente" />
							</f:facet>
							<h:outputText value="#{usuario.cliente.nome}" />
						</rich:column>
						
						
					</rich:dataTable>
					
				</h:panelGrid>
				
			</h:form>
			
			<!-- PAINEL MODAL DE EXCLUSÃO -->
			<rich:modalPanel id="deletePanel" autosized="true" width="200">
				<f:facet name="header">
					<h:outputText value="Remove este usuário?" style="padding-right:15px;" />
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="/imagens/close.png" styleClass="hidelink"
							id="hidelink2" />
						<rich:componentControl for="deletePanel" attachTo="hidelink2"
							operation="hide" event="onclick" />
					</h:panelGroup>
				</f:facet>
				<h:form>
					<table width="100%">
						<tbody>
							<tr>
								<td align="center" width="50%">
									<a4j:commandButton value="Sim" ajaxSingle="true"
										action="#{telaUsuario.excluir}"
										oncomplete="#{rich:component('deletePanel')}.hide();"
										reRender="tabelaUsuarios" />
								</td>
								<td align="center" width="50%">
									<a4j:commandButton value="Cancelar" onclick="#{rich:component('deletePanel')}.hide();return false;" />
								</td>
							</tr>
						</tbody>
					</table>
				</h:form>
			</rich:modalPanel>
		
		</ui:define>
		
	</ui:composition>
</html>